<template>
	<view>
		<titleCon :type="type" />
		<uni-icons class="icons" type="arrowdown" size="30" @click="showFn" v-show="isShowIcon"></uni-icons>
		<countDowns :type="type"></countDowns>
		<view v-if="isShow" class="wp">
			<numm class="num" :type="type" />
		</view>
		<uni-icons class="icons" type="close" size="30" v-show="xx" @click="clearFn"></uni-icons>
	</view>
</template>

<script>
	import titleCon from "../../components/title/title"
	import numm from "../../components/num/num.vue"
	import countDowns from "../../components/countDowns/countDowns"
	import uniIcons from "../../common/uni-icons/uni-icons.vue"
	export default {
		data() {
			return {
				isShow: false,
				isShowIcon: true,
				xx: false,
				type: "0"
			}
		},
		methods: {
			showFn() {
				this.isShow = true
				this.isShowIcon = false
				this.xx = true
			},
			clearFn() {
				this.isShow = false
				this.isShowIcon = true
				this.xx = false
			}
		},
		onLoad(text) {
			this.type = text.text
		},
		components: {
			titleCon,
			numm,
			uniIcons,
			countDowns
		}
	}
</script>

<style>
	.num {
		bottom: 0;
	}

	.icons {
		position: absolute;
		bottom: 5px;
		left: 50%;
	}
</style>
